<template>
  <div id="app">
    <router-view  v-if="isRouterAlive"/>
  </div>
</template>
  
<script>
  // import
  export default {
      name: 'App',
      data () {
        return {
          msg: 'Welcome to Your Vue.js App',
          isRouterAlive: true,
        }
      },
      provide(){
        return {
          reload: this.reload
        }
      },
      mounted() {

      },
      methods:{
        reload(){
          this.isRouterAlive = false;
          this.$nextTick(function(){
            this.isRouterAlive = true;
          })
        }
      }
  }

</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  color: #2c3e50;
}
</style>
